:root {
  --c-brand: #ca931c;
  --c-accent: #729B1B;
  --font-family-base: "Readex Pro", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --bg-gradient: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: rgb(20, 20, 20) !important;
    --c-text: rgb(255, 255, 255, 87%) !important;
    --c-text-light: #fdd888 !important;
    --c-brand: #fdd888 !important;
    --c-accent: #90C321 !important;
    --bg-gradient: 20, 20, 20 !important;
    --code-inline-bg-color: #282c34aa !important;
  }

  tr:nth-child(2n) {
    background-color: var(--c-bg) !important;
  }
  tr {
    border-top: 1px solid var(--code-inline-bg-color) !important;
  }
}

main.home ul > li {
  opacity: 0.8;
  transition: .1s ease;
}
main.home ul > li:hover {
  opacity: 1;
}

main.home {
  position: relative;
  overflow-x: hidden;
}

@media screen and (max-width: 768px) {
  main.home {
    background-size: 100%;
  }
}

main.home {
  background: radial-gradient(ellipse, rgba(var(--bg-gradient), 1) 50%, rgba(var(--bg-gradient), 0.4) 120%),
  radial-gradient(ellipse at top, rgba(var(--bg-gradient), 0.8) 20%, rgba(var(--bg-gradient), 0) 100%),
  radial-gradient(ellipse at left, rgba(var(--bg-gradient), 0.6) 20%, rgba(var(--bg-gradient), 0) 100%),
  radial-gradient(ellipse at right, rgba(var(--bg-gradient), 0.6) 20%, rgba(var(--bg-gradient), 0) 100%);
}


.custom-block.tip {
  background-color: rgba(255, 229, 100, 0.1)
}

.custom-block.info {
  color: var(--c-text-light-2);
}

.custom-block.warning {
  color: inherit;
}

.nav-bar-title .logo {
  height: 1.5em !important;
  margin-right: 0.5rem !important;
}

/* Overrides */

.home-content {
  max-width: 1800px !important;
}

.custom-block.tip {
  border-color: var(--c-accent) !important;
  background-color: #90C32130 !important;
}

th, td {
  border: 1px solid #8885;
}
